<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="./css/all.css">
    <link rel="stylesheet" href="./css/06.css">
</head>

<body>
    <div class="container">
        <!-- 正常显示的视图 -->
        <div class="normal">
            <!-- 影片 -->
            <div class="item-tv">
                <img src="./images/黑暗森林.webp" alt="">
                <h4 class="title">独播</h4>
                <h5 class="desc">8.6</h5>
            </div>
            <h3 class="title">黑暗森林</h3>
            <p class="desc">隐藏罪恶，情生执念</p>
        </div>
        <!-- 鼠标悬停时显示的视图 -->
        <div class="switch">
            <!-- 影片 -->
            <div class="item-tv-another">
                <img src="./images/黑暗森林.webp" alt="">
                <img src="./images/star(dark).png" alt="">
                <p class="desc">8.6</p>
            </div>
            <div class="item-content">
                <h3 class="txt-title">隐藏罪恶，情生执念</h3>
                <ul class="txt-list">
                    <li>动作</li>
                    <li>枪战</li>
                    <li>激情</li>
                </ul>
                <p class="txt-desc">
                    张颂文/荣默默/成龙/撑死与 <br>
                    上世纪九十年代,一个雷电交加的夜晚，一个叫赵阳的小县城里，少年被神秘追杀，生死不明。
                </p>
                <a class="button" href="#">立即播放</a>
            </div>
        </div>
    </div>
</body>

</html>